<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>{if isset($data.seo_title) && $data.seo_title !==''}{$data.seo_title}{elseif isset($data_seo.seo_title) &&  $data_seo.seo_title !==''/}{$data_seo.seo_title}{else /}{/if}</title>

    <meta charset="UTF-8" name="keywords" content="{if isset($data.seo_keywords) && $data.seo_keywords !==''}{$data.seo_keywords}{elseif isset($data_seo.seo_keywords) &&  $data_seo.seo_keywords !==''}{$data_seo.seo_keywords}{else /}{/if}">

    <meta charst="UTF-8" name="description" content="{if isset($data.seo_description) && $data.seo_description !==''}{$data.seo_description}{elseif isset($data_seo.seo_description) &&  $data_seo.seo_description !==''}{$data_seo.seo_description}{else /}{/if}">

    <link rel="stylesheet" href="/static/home2/css/main.css">

    <link rel="stylesheet" type="text/css" href="/static/home2/css/swiper-3.4.2.min.css">
     
    <style type="text/css">

        @font-face {

            font-family: "YourFont";

            src: url(/static/home2/img/DINMittelschrift.otf);

        }

        @font-face {

            font-family: "YourFont1";

            src: url(/static/home2/img/343DD8_0_0.woff2.ttf);

        }

        @font-face {

            font-family: "YourFont2";

            src: url(/static/home2/img/DINMittelschrift-Alternate.otf);

        }

        .customfont {

            font-family: "YourFont", Helvetica, Arial;

        }

        .customfont1{

            font-family: "YourFont1", Helvetica, Arial;

        }

        .customfont2{

            font-family: "YourFont2", Helvetica, Arial;

        }

        .swiper-pagination-bullet{background: #FFFFFF;}

    </style>

</head>

<body>

        {include file="public/header" /}

    <div class="banner">

  

<!--            {volist name="data_banner" id="v"}

            <a class="pc-banner"> <img src="{$v.banner_img}" style="width: 100vw;min-width: 1200px;display:block"/></a>

            {/volist}-->


    </div>



    <div class="zxkp" style="padding-bottom:70px">

        <div class="zxkp-1">

            <img class="zxkp-img" src="/static/home2/img/zskp.png" alt="">

        </div>



        <div class="zxkp-2">

            {volist name="data_kp" id="v"}

            <div class="zxyp-2-1" onclick="details({$v.id})">

                <div class="zxyp-2-1-1">

                    <img src="{$v.main_img}" alt="">

                    <div class="zxyp-2-1-1-mb"><img src="/static/home2/img/mb-2.png" alt=""></div>

                </div>

                <div class="zxyp-2-1-2">

                    <div class="zxyp-2-1-2-1">

                        <p class="customfont2">{$v.create_time|date='Y.m.d',###}</p>

                        <span style="display:block;transform:scale(0.8);width:400px;margin-left: -40px">BOSMIA PHOTO Newest Sample series</span>

                        <span>{$v.title}</span>

                        <img style="left:80px" src="/static/home2/img/jiahao.png" alt="">

                    </div>

                    <div class="zxyp-2-1-2-2">

                        <img src="/static/home2/img/yanjing.png" alt="">

                        <p>{$v.click}</p>

                    </div>

                </div>

            </div>

            {/volist}

            <div class="clearfloat">



            </div>

        </div>

        <div class="fyb">

            {$page}

        </div>



    </div>





    <div class="banner">

        <img class="banner-1" src="{$data_bannerfont['banner_img']}" alt="">

    </div>

    {include file="public/foot"}

    <script>

        function details(id) {

            window.location.href="/index.php/kephome/details?id="+id;

        }

        $(".xtu1").click(function(){

            $(".dtu1").addClass("xianshi")

            $(".dtu1").siblings().removeClass("xianshi")

        })

        $(".xtu2").click(function(){

            $(".dtu2").addClass("xianshi")

            $(".dtu2").siblings().removeClass("xianshi")

        })

        $(".xtu3").click(function(){

            $(".dtu3").addClass("xianshi")

            $(".dtu3").siblings().removeClass("xianshi")

        })

        $(".xtu4").click(function(){

            $(".dtu4").addClass("xianshi")

            $(".dtu4").siblings().removeClass("xianshi")

        })

        $(".fyb-nn").click(function(){

            $(this).addClass("xzhs")

            $(this).siblings().removeClass("xzhs")

        })



    </script>



    </html>